<template>
<div id="app" class="html body">

    <!-- <img
      src="https://img1.baidu.com/it/u=1070224605,954680268&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=301"
      alt=""
    />
    
    <div class="campus-app-title">
      <h1>校园招聘</h1>
    </div> -->
    <!-- 登录组件 -->
    <router-view></router-view>
</div>
</template>

<script>
export default {
    name: "App",
    components: {

    },
}
</script>

<style scoped>
.campus-app-title {
    width: 400px;
    margin: auto;
    margin-top: 0px;
}

#app {
    width: 1350px;
    height: 620px;
}

h1 {
    font-weight: normal;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    padding-left: 20%;
}

img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.html {
    height: 100%;
    width: 100%;
    position: fixed;
}

.body {
    margin: 0;
    padding: 0;
    border: 0;
}
</style>
